
Ext.onReady(function(){

var imagenPanel = new Ext.Panel
(
	{
	id: 'imagenPanel',
	region:'west',
	html:'<div align="center" style="margin: 10px; height: 600px; width: 600px;"><div class="tuxTop"></div><div class="tuxMid" style="height: 370px; font-size:12px; font-weight: normal;"><img width="400px" height="330px" src="../imagenes/logo2.png"></div><div class="tuxFoot"></div></div>'
	//html:'<div align="center" style="margin: 10px; height: 600px; width: 200px;"><div class="tuxTop"></div><div class="tuxMid" style="height: 370px; font-size:12px; font-weight: normal;"><img width="100px" height="230px" src="../imagenes/logo2.png"></div><div class="tuxFoot"></div></div>'
	}
);


var principal = new Ext.Panel({
	renderTo: document.body,
	width: 600,
	height: 600,
	title: 'HEGEPROSOFT',
	layout: 'column',
	//layout:'ux.center',
	items: [
	{
	//columnWith:.33,
	baseCls:'x-plain',
	bodyStyle:'padding:15px 0px 5px 128px',
	items:[logueo]
	}/*,{
	//columnWith:.10,
	baseCls:'x-plain',
	//bodyStyle:'padding:5px 15px 5px 125px',
	items:[imagenPanel]
	}*/]
});
})